<!DOCTYPE html>
<html>
<head>
	<!-- bootstrap -->
	<link href="{:C('ADMIN_CSS_URL')}bootstrap/bootstrap.css" rel="stylesheet" />
	<link href="{:C('ADMIN_CSS_URL')}bootstrap/bootstrap-responsive.css" rel="stylesheet" />
	<link href="{:C('ADMIN_CSS_URL')}bootstrap/bootstrap-overrides.css" type="text/css" rel="stylesheet" />

	<link rel="stylesheet" type="text/css" href="{:C('ADMIN_CSS_URL')}elements.css" />

	<!-- this page specific styles -->
	<link rel="stylesheet" href="{:C('ADMIN_CSS_URL')}compiled/gallery.css" type="text/css" media="screen" />

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>

<!-- main container -->
<div class="content">
	<div class="container-fluid">
		<div id="pad-wrapper" class="gallery">
			<!-- gallery wrapper -->
			<div class="gallery-wrapper">
				<div class="row gallery-row">
                    <foreach name="picture_info" item="v">
                        <div class="span3 img-container">
                            <div class="img-box">
                                <img src="{$v.picture_small|substr=###,1}" />
                            </div>
                        </div>
                    </foreach>
				</div>
			</div>
			<!-- end gallery wrapper -->
		</div>
	</div>
</div>
<!-- end main container -->


<!-- this page scripts -->
<script src="{:C('ADMIN_JS_URL')}jquery-latest.js"></script>
<script src="{:C('ADMIN_JS_URL')}bootstrap.min.js"></script>
<script src="{:C('ADMIN_JS_URL')}theme.js"></script>


</html>